<!-- Listado de conciertos disponibles -->
<%@page import="modelo.Concierto"%>
<%@page import="java.util.ArrayList"%>
<%ArrayList<Concierto> listado = (ArrayList<Concierto>) request.getAttribute("conciertos");%>
<% String idi = (String) session.getAttribute("idioma"); %>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<fmt:setLocale value="<%=idi%>"/>
<fmt:bundle basename="etiquetas" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/general.css" />
        <link rel="shortcut icon" href="../images/icons/favicon.ico"/>
        <script language="JavaScript" type="text/javascript" src="scripts/funciones.js"></script>
        <title><fmt:message key="titulo" /></title>
    </head>
    <body>

    <!-- Contenedor principal-->
    <div id="contenedor">

        <!--Cabecera-->
        <div id="headerGeneral">
            <jsp:include page="/WEB-INF/include/header.jsp" />
        </div>

        <!-- Contenido de la pagina -->
        <div id="content">
            
            <!-- Menu Izquiero -->
            <div id="contentLeft">
                
                <!-- Menu Izquiero : MiCuenta -->
                <jsp:include page="/WEB-INF/include/miCuentaBox.jsp" />
                <br />
                <!-- Menu Izquiero : Proximos conciertos -->
                <jsp:include page="/WEB-INF/include/proxConciertos.jsp" />
            </div>

            <!-- Contenido de la columna derecha -->
            <div id="contentRight">
                <p>
                    <span class="contentHeader"><fmt:message key="listado_conciertos" /></span><br />
                </p>
                    
                <div id="contentConciertos">
                    <form action="/verConciertos" method="post" name="verConciertosForm" id="verConciertosForm">
                        <table>
                            <tr>
                                <td id="tableLabel"><fmt:message key="grupo" /></td> 
                                <td id="tableLabel">
                                    <input id="descripcion" name="descripcion" type="text" size="45" maxlength="45" value="${descripcion}" />
                                </td>
                                <td id="tableLabel"><fmt:message key="lugar" /></td>
                                <td id="tableLabel">
                                    <input id="lugar" name="lugar" type="text" size="45" maxlength="45" value="${lugar}" />
                                </td>
                            </tr>
                            <tr>
                                <td id="tableLabel"><fmt:message key="genero" /></td>
                                <td id="tableLabel">
                                    <input id="genero" name="genero" type="text" size="45" maxlength="45" value="${genero}" /><br />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <fieldset>
                                        <legend title="Aforo"><fmt:message key="aforo" /></legend>
                                        <fmt:message key="mas_de" />
                                        <input id="mayorAforo" name="mayorAforo" type="text" size="5" maxlength="5" value="${mayorAforo}" />
                                        <span class="error" id="errorMayorAforo"><fmt:message key="errorCantidad" /></span>
                                        <fmt:message key="menos_de" />
                                        <input id="menorAforo" name="menorAforo" type="text" size="5" maxlength="5" value="${menorAforo}" />
                                        <span class="error" id="errorMenorAforo"><fmt:message key="errorCantidad" /></span>
                                    </fieldset>
                                </td>
                                <td>
                                    <fieldset>
                                        <legend title="Precio">Precio</legend>
                                        <fmt:message key="mas_de" />
                                        <input id="mayorPrecio" name="mayorPrecio" type="text" size="5" maxlength="5" value="${mayorPrecio}" />
                                        <span class="error" id="errorMayorPrecio"><fmt:message key="errorCantidad" /></span>
                                        <fmt:message key="menos_de" />
                                        <input id="menorPrecio" name="menorPrecio" type="text" size="5" maxlength="5" value="${menorPrecio}" />
                                        <span class="error" id="errorMenorPrecio"><fmt:message key="errorCantidad" /></span><br />
                                    </fieldset>
                                </td>
                            </tr>
                            <tr id="tableInput">
                                <td class="inputPadding">
                                    <input type="button" value="<fmt:message key="buscar_concierto" />" onclick="validarFormVerConciertos()" />
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>

                <% if (listado != null)
                { %>
                    <div id="contentListConciertos">
                        <div id="contentLeftHeader" style="border-bottom: 1px solid #333;">
                            <h4 class="contentLeftHeaderTitle"><fmt:message key="conciertos" /></h4>
                        </div>
                        <div id="contentBodyConciertos">
                            <ul>
                                <% for (Concierto concierto : listado)
                                { %>
                                    <li class="listConcierto">
                                        <h3 class="contentListConcierto">
                                            <a title="<% out.print(concierto.getDescripcion()); %>" href="/cargarConciertos?tipo=<%=concierto.getDescripcion()%>">
                                                <% out.print(concierto.getDescripcion()); %>
                                                <br />
                                                <span class="normalW"><% out.print(concierto.getLugar()); %></span>
                                            </a>    
                                        </h3>
                                        <p>
                                            <br />
                                            <a title="<% out.print(concierto.getDescripcion()); %>" href="/cargarConciertos?tipo=comprar"><fmt:message key="comprar_entradas" /></a>
                                        </p>
                                    </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                <% } %>
            </div>
        </div>  
            
        <!-- Pie de pagina -->
        <%@include file="/WEB-INF/include/footer.jsp" %>
    </div>
    </body>
    
</fmt:bundle>
</html>